<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>

<html>
  <head>
    
    <title>readnote hello</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

  </head>
  
  <body>

    <s:form  action="index" namespace="/center/userNote" method="post">
		<div id="query">
			书籍名称：<s:textfield name="query.query['lk_book.title_s']"  />
			笔记标题：<s:textfield name="query.query['lk_title_s']"  />
			笔记心得：<s:textfield name="query.query['lk_content_s']"  />
			
			书籍:<select name="query.query['eq_book.id_l']" id="selectBook"  ></select>
			
			
			<script type="text/javascript">
				/**
				* 下拉列表jquery ajax 数据获取对象
				**/
				var JqajaxSelect={
					// 初始化，获取所有数据集合
					//	--	selectId	当前下拉框ID
					//	--	url			获取下拉框数据 ajax请求地址
					//	--	currentOptionValue	当前下拉框option默认值
					initSelectAll:function (selectId,ajaxUrl,currentOptionValue){
						
						var _selectId = "#"+selectId;
						// selectId 初始化
						//$("#selectBook").ready(function(){
						$(_selectId).ready(function(){
							//var url = '/ajax/book/ajaxBooks.do';
							var url = ajaxUrl;
			                var params = {
			                        //name:$('#name').attr('value')
			                };
			                alert(url);
			                jQuery.post(url, params, callbackFun, 'json');
						});
						
						//回执函数
						function callbackFun(data){
							//alert(selectBookId ); 
					
			            	//alert("回执："+data);
							//1、回执：
							//清空列表
							$(_selectId).empty();
													
			            	//2、构成下拉框
			            	//循环结果
			            	$(data.options).each(function (index,item){
			            		//alert(item.text);
			            		if(item.id==currentOptionValue){
			            			//alert(item.value);
	     						    $("#selectBook").append("<option selected value="+item.value+">"+item.text+"</option>");
			            		}else{
				            		$("#selectBook").append("<option value="+item.value+">"+item.text+"</option>");
			            		}
			            	});
			         
			                //document.writeln(data);//对应HelloWorld类的message属性
			                //获取数据后渲染页面
			            }
						//-- end get options
					},
					//-- end initSelectAll
					
					//绑定联动事件，当前select 由 父级 select 选项变化时，获取数据
					//	--	selectId		当前下拉框ID
					//	--	partSelectId	当前父级下拉框ID
					//	--	url				获取下拉框数据 ajax请求地址
					//	--	linkOrder		当前属于父级的级别
					//	--	currentOptionValue	当前下拉框option默认值
					bindLinkSelect:function (selectId,partSelectId,url,linkOrder,currentOptionValue){
						alert("bindLinkSelect");
					}
				}
				
			</script>
			
			<script type="text/javascript">
				
				var selectBookId ='<s:property value="query.query['eq_book.id_l']"/>';
				//初始化下拉框
				$("document").ready(function (){
					$("#selectBook").ready(function(){
						var url = '/ajax/book/ajaxBooks.do';
		                var params = {
		                        //name:$('#name').attr('value')
		                };
		                //alert(url);
		                jQuery.post(url, params, callbackFun, 'json');
					});
					
					//回执函数
					function callbackFun(data){
						//alert(selectBookId ); 
				
		            	//alert("回执："+data);
						//1、回执：
						//清空列表
						$("#selectBook").empty();
												
		            	//2、构成下拉框
		            	//循环结果
		            	$(data.books).each(function (index,item){
		            		//alert(item.title);
		            		if(item.id==selectBookId){
		            			//alert(item.id);
     						    $("#selectBook").append("<option selected value="+item.id+">"+item.title+"</option>");
		            		}else{
			            		$("#selectBook").append("<option value="+item.id+">"+item.title+"</option>");
		            		}
		            	});
		         
		                //document.writeln(data);//对应HelloWorld类的message属性
		                //获取数据后渲染页面
		            }
				});
			</script>
			<input type="submit" value="查询"/>
		</div>
	</s:form>
	<!--/end page query -->
	
	<div id="pageItems">
		<table id="pageTable">
			<tr>
				<th id="id">页码</th>
				<th>书籍名称</th>
				<th>笔记简介</th>
				<!-- 
				<th>阅读心得</th>
				 -->
				<th>用户</th>
				<th>行为</th>
			</tr>
			<s:iterator value="page.items" >
			<tr>
				<!-- 
				<td>
					<a href="
					<s:url action="view" namespace="/center/userNote"><s:param name="userNote.id" value="%{id}" /></s:url>
					"
					title="<s:text name="view"/>笔记"
					target="_blank"><s:property value="id"/></a>
					
				</td>
				 -->
				<td><s:property value="pageNumber"/></td>
				<td><s:property value="book.title"/></td>
				<td><s:property value="title"/></td>
				<!-- 
				<td><s:property value="content" escape="false"/></td>
				 -->
				<td><s:property value="user.loginName"/></td>
				<td>
					<a href="
					<s:url action="view" namespace="/center/userNote"><s:param name="userNote.id" value="%{id}" /></s:url>
					"
					title="<s:text name="view"/>笔记"
					target="_blank">查看笔记</a>
					 | 
					<a href="
					<s:url action="input" namespace="/center/userNote"><s:param name="userNote.id" value="%{id}" /></s:url>
					"
					title="<s:text name="modify"/>笔记"
					target="_blank">修改笔记</a>

				</td>
			</tr>
			</s:iterator>
		</table>
	</div>
	<!--/end page item -->
		
	<!-- 通用分页 -->
	<%@include file="\WEB-INF\template\page\pageButton.jsp" %>	
	<!--/end page button -->
		
	
  </body>
</html>
